<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/general.css" type="text/css" media="screen" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/validation.js"></script>

<script type="text/javascript">
	
$(document).ready(function(){
	$("#reset").click(function(){
		$("#contactform")[0].reset();
		//注意，jquery没有如下方法
		//$("#contactform").reset();
		return false;
	})
})




</script>
</head>
<body>
	<div class="main" >
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="${pageContext.request.contextPath}/index.jsp"><img src="${pageContext.request.contextPath}/images/logo.gif" width="277" height="143" border="0" alt="logo" /></a></div>
      <div class="search">
        <form id="form1" name="form1" method="post" action="">
          <label><span>
            <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
            </span>
            <input name="b" type="image" src="${pageContext.request.contextPath}/images/search.gif" class="button" />
          </label>
        </form>
      </div>
      <div class="menu">
        <ul>
          <li><a href="${pageContext.request.contextPath}/index.jsp" ><span>Home</span></a></li>
          <li><a href="${pageContext.request.contextPath}/about.jsp"><span> About Us</span></a></li>
          <li><a href="${pageContext.request.contextPath}/services.jsp"><span>Services</span></a></li>
          <li><a href="${pageContext.request.contextPath}/services.jsp"><span>Portfolio</span></a></li>
          <li><a href="${pageContext.request.contextPath}/contact.jsp" class="active"><span> Contact Us </span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="slider_top">
    <div class="header_text2">
      <a href="#"><img src="${pageContext.request.contextPath}/images/Sing_up.gif" alt="picture" border="0" /></a>
      <h2>注册新用户 </h2>
      <div class="clr"></div>
    </div>
  </div>
  <div class="top_bg2">
   <div class="clr"></div>
  </div>
  <div class="clr"></div>
   <div class="body">
    <div class="body_resize">
      <div class="left">
        <h2>Contact to company<br />
        <span>Lorem Ipsum as their default model text...</span></h2>
        
        <span id="errorInfo"></span>
        
		<form action="${pageContext.request.contextPath}/user/registration.action" method="post" id="contactform">
          <ol>
            <li>
              <label for="loginname">用户名* </label>
              <input id="loginname" name="loginname" class="text" />
              <span id="loginnameInfo" style="display:block; height:33px;padding-top:15px"></span>
            </li>
            <li>
              <label for="pwd">密码* </label>
              <input id="pwd" name="pwd" class="text" type="password" />
              <span id="pwdInfo" style="display:block; height:32px;padding-top:15px"></span>
            </li>
			<li>
              <label for="pwdok">确认密码* </label>
              <input id="pwdok" name="pwdok" class="text" type="password" />
              <span id="pwdokInfo" style="display:block; height:32px;padding-top:15px"></span>
            </li>
			<li>
              <label for="email">邮箱* </label>
              <input id="email" name="email" class="text" />
              <span id="emailInfo" style="display:block; height:32px;padding-top:15px"></span>
            </li>
			<li>
              <label for="name">姓名* </label>
              <input id="name" name="name" class="text" />
              <span id="nameInfo" style="display:block; height:32px;padding-top:15px"></span>
            </li>
            <li>
              <label for="company">公司</label>
              <input id="company" name="company" class="text" />
              <span id="companyInfo" style="display:block; height:32px;padding-top:15px"></span>
            </li>
			<li>
              <label for="phone">电话</label>
              <input id="phone" name="phone" class="text" />
              <span id="phoneInfo" style="display:block; height:32px;padding-top:15px"></span>
            </li>
            <li>
              <label for="fax">传真</label>
              <input id="fax" name="fax"  class="text" />
              <span id="faxInfo" style="display:block; height:32px;padding-top:15px"></span>
            </li>
			<li >
              <label for="validate">验证码</label>
              <input id="validate" name="validate" maxlength="4"  class="text" style="size:4;width:60px; "/>
              <img src="${pageContext.request.contextPath}/servlet/ValidateImage.do" />
              <span id="validateInfo" style="display:block; padding-top:15px;height:80px;"></span>
            </li>
            <li>
             <label></label>
              <input type="image" style="padding-left:10px;" id="ok" name="ok" class="ok"  src="${pageContext.request.contextPath}/images/ok.jpg" />
			  <input type="image" id="reset" name="reset" class="reset"  src="${pageContext.request.contextPath}/images/reset.jpg"  />
			</li>
          </ol>
        </form>
      </div>
      <div class="right">
        <h2>Get in touch<br />
       <span> live from our blog page</span></h2>
        <p><strong>Lorem Ipsum as their default model text...</strong><br />
        There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
        <p><strong>Address</strong>:          1458 Sample Road, Greenvalley, 12<br />
          <strong>Telephone</strong>:      +123-1234-5678<br />
          <strong>FAX</strong>:                  +458-4578<br />
          <strong>Others</strong>:            +301 - 0125 - 01258<br />
          <strong>E-mail</strong>:              <strong>mail@yoursitename.com</strong></p>
          <div class="bg"></div>
			<img src="${pageContext.request.contextPath}/images/cont_1.gif" alt="picture" class="floated" />
			<img src="${pageContext.request.contextPath}/images/cont_2.gif" alt="picture" class="floated" />
			<img src="${pageContext.request.contextPath}/images/cont_3.gif" alt="picture" class="floated" />
			<img src="${pageContext.request.contextPath}/images/cont_4.gif" alt="picture" class="floated" />
			<img src="${pageContext.request.contextPath}/images/cont_5.gif" alt="picture" class="floated" />
			<img src="${pageContext.request.contextPath}/images/cont_6.gif" alt="picture" class="floated" />
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
  <div class="footer_resize">
  <p class="leftt">© Copyright 2009. Your Site Name Dot Com. All Rights Reserved<br />
    <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">RSS </a></p>
    <p class="rightt"><a href="#"><strong>Design by DreamTemplate </strong></a></p>
    <div class="clr"></div>
  <div class="clr"></div>
</div>
</div>
</div>


</body>
</html>